/**
 * @copyright Copyright (c) 2020 Joas Schilling <coding@schilljs.com>
 *
 * @author Joas Schilling <coding@schilljs.com>
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 *
 */
@import 'variables.scss';


@mixin avatar-mixin($size: 32px) {
	.avatar-#{$size} {
		position: sticky;
		top: 0;
		width: $size;
		height: $size;
		line-height: $size;
		font-size: $size / 2;
		border-radius: 50%;

		&.icon {
			border-radius: 50%;
			height: $size;
			width: $size;
			background-color: var(--color-background-darker);
		}

		&.bot {
			padding-left: 5px;
			line-height: $size;
			border-radius: 50%;
			background-color: var(--color-background-darker);
		}

		&.guest {
			line-height: $size;
			font-size: $size / 2;
			color: $color-guests-avatar;
			background-color: $color-background-guests-avatar;
			padding: 0;
			display: block;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
		}
	}
}
